<template>
	<view>
		<!-- 旅游卡信息 -->
		<view class="module-block">
			<view class="member-card-info-wrap">
				<view class="member-card-info-content">
					<view class="member-card-name">{{memberCardInfo.mc_name}}<text class="member-tags">（旅游卡）</text></view>
					<view class="member-card-number">{{memberCardInfo.mc_num}}</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	/**
	 * 旅客信息
	 * 
	 */
	export default {
		name: 'stMemberCard',
		props:{
			memberCardInfo:{
				type: Object,
				default() {
					return {}
				}
			}
		},
		data() {
			return {
				
			};
		},
		mounted() {
			
		},
		methods: {}
	}
</script>

<style lang="scss" scoped>
	.module-block{
		padding: 0 24rpx;
		margin-bottom: 20rpx;
	}
	.member-card-info-wrap{
		border-radius: 20rpx;
		background: linear-gradient(180deg, #f0fffa 0%, #e1f9e7 100%);
		border: 2rpx solid #2196F3;
		position: relative;
		.member-card-info-content{
			.member-card-name{
				height: 90rpx;
				padding: 0 24rpx;
				line-height: 90rpx;
				color: #fff;
				font-weight: bold;
				font-size: 34rpx;
				border-radius: 20rpx 20rpx 0 0;
				background: linear-gradient(135deg, #37a8ff 0%, #2196F3 100%);
				.member-tags{
					line-height: 38rpx;
					font-size: $uni-font-size-sm;
					color: $uni-text-color-inverse;
				}
			}
			.member-card-number{
				@extend .justifyspacec;
				padding: 20rpx 24rpx;
				line-height: 44rpx;
				font-size: $uni-font-size-base;
				color: #54755d;
				font-family: Arial, Helvetica, sans-serif;
			}
		}
	}
</style>
